<template>
  <div class="wxIndexNavbar flex flex-between">
    <div class="title">
      <slot name="title">标题</slot>
    </div>
    <div class="flex right">
      <slot name="right">
        <van-icon name="search"/>
        <van-icon class="add" name="add-o"/>
      </slot>
    </div>
  </div>
</template>

<script>
import Vue from 'vue';
import {Icon} from 'vant';

Vue.use(Icon);
export default {
  name: "wxIndexNavbar"
}
</script>

<style lang="less" scoped>
.wxIndexNavbar {
  padding: .3rem .4rem;
  background-color: #EFEFEF;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;

  .title {
    font-size: .47rem;
    font-weight: 600;
  }

  .right {
    .add {
      margin-left: .4rem;
    }
  }

}

</style>